// ----------------点击确认修改，发送ajax请求进行校验-------------------------
$('form').on('submit', function (e) {
  // 阻止默认事件
  e.preventDefault();
  // 收集表单中的数据发送Ajax请求
  let data = $(this).serialize();
  axios.post('/my/user/updatepwd', data).then(res => {
    // console.log(res);
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 清空输入框(重置表单方法) -- DOM对象的方法
      $('form')[0].reset();

    }
  })
})


// ----------------表单验证-------------------------
// 自定义验证规则
let form = layui.form;
form.verify({
  len: [/^\S{6,12}$/, '密码长度为6~12位，且不能有空格'],
  // 前后端都要做验证，拦在前端可以减少不必要的请求，减少服务器压力，但是前端验证不是完全可靠，所以要有服务器验证作保障
  dif: function (val) {
    let pwd = $('input[name=oldPwd]').val();
    if (pwd === val) return '新密码不能和原密码相同！';
  },
  same: function (val) {
    // 获取密码
    let pwd = $('.pwd').val();
    // console.log(pwd, typeof pwd)
    // console.log(val, typeof val)
    // 判断
    if (pwd !== val) return '两次输入的密码不一致！';
  }

})
